<!-- toaster directive -->
<toaster-container toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container>
<!-- / toaster directive -->

<!-- 导航条 -->
<div class="bg-white bread-crumb">
    <ul class="breadcrumb b-a m-b-n-xs lter b-b wrapper-md">
        <li><a ui-sref="main.tpl.homePage"><i class="fa fa-home"></i> 首页</a></li>
        <li class="active" ng-bind="title"></li>
    </ul>
</div>

<!-- 加载提醒 -->
<div ng-show="loading" class="text-center m-t-md text-lg"><i class="fa fa-spin fa-spinner"></i> 数据加载中...</div>

<!-- 内容区域 -->
<div ng-hide="loading" class="wrapper-md content">
    <!-- 数据显示 -->
    <div class="wrapper-data">
        <div class="panel panel-default">

            <!-- 头部 -->
            <div class="panel-heading clearfix">
                <div class="w-lg">
                    <form ng-submit="search()" class="ng-pristine ng-valid">


                        <table>
                            <tr>
                                <td><label class="control-label">账户类型: </label></td>
                                <td><select class="form-control" ng-model="searchParams.sourAcctType">
                                    <option value="">--请选择--</option>
                                    <option value="广告主">广告主</option>
                                    <option value="流量主">流量主</option>
                                </select>
                                </td>


                                <td><label class="control-label">流水状态: </label></td>
                                <td>
                                    <select class="form-control" ng-model="searchParams.status">
                                        <option value="">--请选择--</option>
                                        <option value="充值">充值</option>
                                        <option value="扣款">扣款</option>
                                    </select>
                                </td>
                            </tr>

                            <tr>

                            <tr>
                                <td><label class="control-label">用户ID: </label></td>
                                <td><input type="text" ng-model="searchParams.userId" name="userId" id="userId"/>
                                </td>


                                <td><label class="control-label">操作时间: </label></td>
                                <td>
                                    <input type="hidden" ng-model="searchParams.createStartTime"
                                           name="statsDataStartTime" id="createStartTime"
                                           value="{{searchParams.createStartTime}}"/>
                                    <input type="text" ng-model="searchParams.createStartTime" class="form-control"
                                           name="createStartTime"
                                           onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss', start: laydate.now(0, 'YYYY-MM-DD hh:mm:ss')})"/>
                                    --
                                    <input type="hidden" ng-model="searchParams.createEndTime" name="createEndTime"
                                           id="statsDataEndTime" value="{{searchParams.createEndTime}}"/>
                                    <input type="text" ng-model="searchParams.statsDataEndTime" class="form-control"
                                           name="createEndTime"
                                           onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss', start: laydate.now(0, 'YYYY-MM-DD hh:mm:ss')})"/>
                                </td>

                            </tr>
                        </table>


                        <div class="form-group">
                            <div class="row">
                                <label class="col-sm-1 control-label">
                                    <button class="btn btn-primary" type="submit">查 询</button>
                                </label>
                            </div>
                        </div>

                    </form>
                </div>
            </div>


            <!-- 数据表格 -->
            <div class="table-responsive">
                <table class="table table-striped b-t b-light text-center">
                    <thead>
                    <tr>
                        <th>编号</th>
                        <th>用户ID</th>
                        <th>邮箱</th>
                        <th>账户类型</th>
                        <th>联系方式</th>
                        <th>金额</th>
                        <th>操作时间</th>
                        <th>状态</th>
                        <th>备注</th>

                    </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="item in pageInfo.records">
                        <td class="v-middle">{{item.id}}</td>
                        <td class="v-middle">{{ item.userId}}</td>
                        <td class="v-middle">{{item.email}}</td>
                        <td class="v-middle">{{item.sourAcctType}}</td>
                        <td class="v-middle">{{item.mobile}}</td>
                        <td class="v-middle">{{item.amount}}</td>
                        <td class="v-middle">{{item.createTime | date : 'yyyy-MM-dd HH:mm:ss'}}</td>
                        <td class="v-middle">{{item.status}}</td>
                        <td class="v-middle">{{item.remark}}</td>

                    </tr>
                    </tbody>
                </table>
            </div><!-- /.table-responsive -->

            <!-- 底部分页 -->
            <span data-ng-include=" 'src/tpl/pageInfo.html' "></span>
        </div><!-- /.panel -->
    </div><!-- /.wrapper-data -->

</div><!-- /.wrapper-md -->